<template>
  <div class="search">
    <serarcTop @searchPanelHandler ='searchPanelHandler' />
    <searchPanel v-show="panelShow" @searchPanelHandler ='searchPanelHandler' />
    <searchContent />
  </div>
</template>

<script>
  import serarcTop from './components/serarcTop'
  import searchPanel from './components/searchPanel'
  import searchContent from './components/searchContent'
  
  export default {
    name: 'Search',
    data () {
      return {
        panelShow: false
      }
    },
    methods: {
      searchPanelHandler () {
        this.panelShow = !this.panelShow
      }
    },
    components: {
      serarcTop,
      searchPanel,
      searchContent
    }
  }
</script>

<style scoped lang='stylus'>

</style>
